<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            我的回复
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <div *ngIf="lists && lists.length">
        <div class="ht-margin-bottom ht-background ht-overflow" *ngFor="let item of lists" [navPush]="'ArticleDetailPage'" [navParams]="{id: item.amoy_id,type_id:item.type_id}">
            <!--<div class="ht-overflow ht-100">-->
                <!--<img src="{{item.head_img}}" alt="" class="c-tx">-->
                <!--<p padding-left padding-right class="ht-font-14 ht-000 ht-line-35">-->
                    <!--{{item.nickname}}-->
                <!--</p>-->
            <!--</div>-->
           <!-- 主内容开始 -->
            <!-- 小 -->
            <div class="ht-overflow">
                <div class="ht-30 ht-float-left">
                    <img [src]="util.parseImageUrl(item.cover[0])" class="ss-img2">
                </div>
                <div class="ht-float-left ht-overflow  ht-70" padding-left>
                    <div class="ht-font-14 ss-title">
                        {{item.title}}
                    </div>
                    <div class="ht-overflow ht-100">
                        <div class="ht-float-right ht-999 ht-font-14">
                            <div style="display: inline-block;float: left;position: absolute;left: 135px">淘鲜生</div>
                            <div class="ht-float-left ht-padding-lr ht-line-20 ht-font-15">{{item.create_time}}</div>
                            <!-- <div class="ht-float-left ht-padding-l5" (click)="comment.showComment(item.amoy_id)">
                                <span>
                                    <i class="far fa-comment"></i> 评论</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主内容结束 -->


            <!--回复评论列表-->
            <div class="ht-100 ht-overflow ht-border-bottom margin-top-5" padding-bottom>
                <div class="zan-comment">
                    <div class="msg-list margin-top-5" *ngIf="item['comlist'].length > 0">
                        <div class="msg-item" *ngFor="let comment of item['comlist']">
                            <p *ngIf="comment['par_nickname'] == null" class="margin-bottom-5">
                                <span class="text-msg">{{comment['nickname']}}</span>：{{comment['content']}}
                            </p>
                            <div class="sub-comment margin-bottom-5" *ngIf="comment['par_nickname'] != null">
                                <span class="text-zan">{{comment['nickname']}}</span><span> 回复 <span class="text-zan">{{comment['par_nickname']}}</span>：{{comment['content']}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ion-content>
